<!doctype html>
<html>
  <head>
    <meta charset="{{ encoding }}">
    <title>{{ title }}</title>
    <!-- jQuery from the Google CDN. -->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
    <!-- Bootstrap CSS & JS from the Bootstrap CDN. -->
    <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" >
    <script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
    <style type="text/css">
      body {
        margin: 2.5em auto 10em auto;
        width: 50em;
        max-width: 90%;
      }
      h2 { margin-top: 1.5em; }
      h3 { margin-top: 1.25em; }
      h4 { margin-top: 1em; }
      h5 { margin-top: 0.75em; }
      h6 { margin-top: 0.5em; }
      hr { margin: 5em 0; }
      #footer {
        margin-top: 5em;
        opacity: 0.5;
        line-height: 2.5em;
      }
      #footer:hover { opacity: 1.0; }
    </style>
  </head>
  <body>
    <div id="content">
      {{ content }}
    </div>
    <div id="footer">
      Exported by <a href="http://peterodding.com/code/vim/notes/" class="btn">vim-notes {{ version }}</a>
      on {{ date }} based on the note <code>{{ filename }}</code>.
    </div>
  </body>
</html>
